<template>
	<div>
		<Modal :visible="visible">
			<template #default>content</template>
			<template #footer>
				<button type="button" @click="visible = false">取消</button>
				<button type="button" @click="visible = false">确定11</button>
			</template>
		</Modal>
		<button type="button" @click="showModal">点击弹窗</button>
	</div>
</template>

<script setup>
	import Modal from './modal.vue'
	import {ref} from 'vue'
	const visible = ref(false)
	const showModal = () => {
		visible.value = !visible.value
	}
</script>

<style>
</style>